// pages/login/index.scss
.user-login {
	padding: 60rpx;
}

.login-type {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	line-height: 1;
	margin: 40rpx 0 80rpx;

	.title {
		font-size: 48rpx;
		color: #121826;
	}

	.type {
		color: #3c3e42;
		font-size: 30rpx;
		display: flex;
		align-items: center;
	}
}

.social-login {
	margin-top: 100rpx;
	padding: 0 60rpx;

	.legend {
		height: 40rpx;
		position: relative;
		border-top: 1rpx solid #ebebeb;
	}

	.text {
		position: absolute;
		top: -50%;
		left: 50%;

		font-size: 28rpx;
		color: #999;
		padding: 0 10rpx;
		background-color: #fff;
		transform: translate(-50%);
	}

	.social-account {
		display: flex;
		justify-content: space-evenly;
		margin-top: 40rpx;

		.icon {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 80rpx;
			height: 80rpx;
			border-radius: 100rpx;
			background-color: #f6f6f6;
		}
	}
}
